<template>
  <div class="songs">
    <div class="songs-item">
      <div class="item-title">
        <h3>
            <span>{{}}</span>
            <a href="javascript:;">
                <i></i>
            </a>
        </h3>
      </div>
      <ul class="play-all clearfix">
        <li v-for="(item, index) in playList" :key="index">
          <img :src="item.coverImgUrl" alt="" />
          <p class="playtt">
            <a href="javascript:;" >{{ item.name }}</a>
          </p>
          <p>
            <span>by</span>
            <a href="">{{ item.creator.nickname }}</a
            >
            <!-- <img :src="item.creator.avatarDetail.identityIconUrl" alt="" /> -->
          </p>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  props: ["playList"],
};
</script>

<style lang="less" scoped>
</style>